/*
  1 发送请求获取数据
  2 点击轮播图放大图片
      1 给轮播图绑定点击事件
      2 调用小程序的api previewImage
  3 点击加入购物车 小程序自带本地存储
        1 绑定点击事件
        2 获取缓存的购物车数据 数组格式
        3 判断当前商品是否已经存在
        4 假如已经存在 就修改商品数量 重新把购物车数组填充回缓存中
        5 不存在数组中 就给数组添加新商品 新元素要带上购买数量属性 num 重新缓存
        6 弹出提示
*/
import {request} from "../../request/index.js";
import regeneratorRuntime from '../../lib/runtime/runtime';

Page({
  data: {
    goodsObj:{}
  },
  // 商品对象
  GoodsInfo:{},
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    const {goods_id}=options;
    // console.log(goods_id);
    this.getGoodsDetail(goods_id);
  },
  // 获取商品详情数据
  async getGoodsDetail(goods_id){
    const goodsObj = await request({url:"/goods/detail?goods_id=${goods_id}",data:{goods_id}})
    this.GoodsInfo=goodsObj;
    this.setData({
      goodsObj:{
        goods_name:goodsObj.goods_name,
        goods_price:goodsObj.goods_price,
        // iPhone部分手机不识别webp格式图片
        // 通过后台修改
        // 后台存在1.webp 1.jpg两种格式可以直接修改
        goods_introduce:goodsObj.goods_introduce.replace(/\.webp/g,'.jpg'),
        pics:goodsObj.pics
      }
    })
  },
  // 点击轮播图预览
  handlePruevewImage(e){
    // console.log("预览");
    // 1 构造要预览的图片数组
    const urls=this.GoodsInfo.pics.map(v=>v.pics_mid);
    // 2 接受传过来的图片url
    const current=e.currentTarget.dataset.url
    wx.previewImage({
      current,
      urls
    });
  },
  // 添加购物车
  handleCartAdd(){
    // console.log("加入购物车");
    // 1 获取缓存的购物车数组
    let cart=wx.getStorageSync("cart") || [];
    // 2 判断商品是否已经存在
    let index=cart.findIndex(v=>v.goods_id===this.GoodsInfo.goods_id);
    if(index===-1){
      // 3 不存在 第一次添加
      this.GoodsInfo.num=1;
      this.GoodsInfo.checked = true;
      cart.push(this.GoodsInfo);
    }else{
      // 4 已经存在 +1
      cart[index].num++;
    }
    // 购物车重新添加回缓存中
    wx.setStorageSync("cart",cart);
    // 6 弹窗提示
    wx.showToast({
      title: '添加成功',
      icon: 'success',
      // true 防止用户手抖多次点击 为true会1.5s之后才有用
      mask: true,
    });
      
  }
})